<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cart</title>
    <link rel="stylesheet" type="text/css" href="../style/public.css"/>
    <link rel="stylesheet" type="text/css" href="../style/cart/css/cart.css"/>
    <script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="../js/cart/jquery.cookie.js"></script>
    <script type="text/javascript" src="../js/public/public.js"></script>
    <script type="text/javascript" src="../js/cart/cart.js"></script>
</head>
<body>
<!--导航条-->
<ul class="nav">
    <li class="menuItemli"><a href="javascript:;" onclick="location.href='index.html'">首&nbsp;页</a></li>
    <!--二级菜单-->
    <ul class="subNav">
        <li></li>
        <li><a href="javascript:;">维您</a></li>
        <li><a href="javascript:;">LA CELLER</a></li>
        <li><a href="javascript:;">秘密花园</a></li>
        <li><a href="javascript:;">SONOKO</a></li>
    </ul>
    <li class="menuItemli"><a href="javascript:;">品牌系列</a></li>
    <li class="menuItemli"><a href="javascript:;" onclick="location.href='product_list.html'">美容护肤</a></li>
    <li class="menuItemli"><a href="javascript:;">健康养生</a></li>
    <li class="menuItemli"><a href="javascript:;">家居日用</a></li>
    <li class="menuItemli"><a href="javascript:;">积分换购</a></li>
    <li class="menuItemli2"><a href="javascript:;">VIP<br/>会员专区</a></li>
    <li class="menuItemli"><a href="javascript:;">关于麦考林</a></li>
</ul>

<!--head-->
<div class="head_search">
    <input type="text" class="head_search_text" placeholder="热门搜索：洁面 控油 祛痘">
    <a href="javascript:;" class="head_search_btn">搜索</a>
    <a href="javascript:;" class="head_search_out">X</a>
</div>
<div class="head layout" id="top">
    <img src="../img/head_logo.png" class="logo"/>
    <div class="head_r">
        <a href="javascript:;" class="head_search_icon"></a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">登录</a><span>|</span><a href="javascript:;" onclick="location.href='register.html'">注册</a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">我的账户</a><span>|</span><a href="javascript:;" id="buy"><span>0</span></a><img src="../img/head_call.png" class="head_phone"/>
    </div>
</div>


<!--rightSider-->
<div class="rightSider">
    <a href="javascript:;"><img src="../img/rightSider_01.png"/></a>
    <img src="../img/rightSider_02.png"/>
    <a href="javascript:;"><img src="../img/rightSider_03.jpg"/></a>
    <a href="#top" style="display:none"><img src="../img/rightSider_04.png"/></a>
</div>
<div class="consult"><img src="../img/rightSider_consult.png"/></div>
<script type="text/javascript">
    window.onload = function(){
        document.onscroll = function(){
            var scrollTop = Number(document.documentElement.scrollTop || document.body.scrollTop);
            var public_rightSider = document.getElementsByClassName("rightSider")[0];
            var public_top = public_rightSider.getElementsByTagName("a")[2];
            if(scrollTop < 70){
                public_top.style.display = "none";
            }else if(scrollTop > 70){
                public_top.style.display = "block";
            }
        };
    };
</script>

<!--cart_info-->
<div class="cart_info layout">
    <p>购物车</p>
    <table>
        <tr style="height:34px; background:#fafafa"><td><input type="checkbox" class="cart_info_all cart_info_singleCheck" /></td><td>商品名称</td><td>价格</td><td>数量</td><td>小计(元)</td><td>操作</td></tr>
        <tr class="cart_info_none"><td colspan="6">您还没有挑选商品哦，返回首页</td></tr>

    </table>
    <div class="cart_info_account">
        <input type="checkbox" class="cart_info_all cart_info_singleCheck"/><i>全选</i><a href="javascript:;" onclick="location.href='index.html'">继续购物</a><span>|</span><a href="javascript:;" class="cart_info_clearCart">清空所有商品</a>
        <button>立即结算</button>
    </div>
</div>

<!--bottom-->
<div class="bottom">
    <div class="bottom_t layout">
        <dl class="bottom_l">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">100%正品保证</a></dd>
        </dl>
        <dl class="bottom_c">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">专业在线客服</a></dd>
        </dl>
        <dl class="bottom_r">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">满99包邮</a></dd>
        </dl>
    </div>

    <div class="bottom_b layout">
        <div>
            <h3>新手指南</h3>
            <a href="javascript:;">新会员注册</a>
            <a href="javascript:;">购物演示</a>
            <a href="javascript:;">常见问题</a>
        </div>
        <div>
            <h3>付款方式</h3>
            <a href="javascript:;">银行卡支付</a>
            <a href="javascript:;">支付宝支付</a>
            <a href="javascript:;">余额支付</a>
        </div>
        <div>
            <h3>售后服务</h3>
            <a href="javascript:;">退换货政策</a>
            <a href="javascript:;">退换货流程</a>
            <a href="javascript:;">退款流程</a>
            <a href="javascript:;">发票说明</a>
        </div>
        <div>
            <h3>特色服务</h3>
            <a href="javascript:;">贵宾专区</a>
            <a href="javascript:;">在线客服</a>
        </div>
        <dl>
            <dd>麦考林生活家</dd>
            <dt><img src="../img/bottom_dingyue.jpg"/></dt>
        </dl>
        <dl>
            <dd>麦考林服务号</dd>
            <dt><img src="../img/bottom_fuwu.jpg"/></dt>
        </dl>
    </div>
</div>

<!--footer-->
<div class="footer layout">
    <div class="footer_t"><a href="javascript:;">关于麦考林</a><span>|</span><a href="javascript:;">INVESTOR RELATIONS</a><span>|</span><a href="javascript:;">联系我们</a><span>|</span><a href="javascript:;">服务中心</a><span>|</span><a href="javascript:;">加入我们</a>
    </div><br/>
    <div class="footer_c">
        <a href="javascript:;"><img src="../img/footer_c.png"/></a><p>沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved</p>
    </div>
    <div class="footer_b">
        <a href="javascript:;"><img src="../img/footer_b_1.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_2.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_3.png"/><span>沪公网安备 31010402000234号</span></a>
    </div>
</div>
</body>
</html>